.header {
    position   : relative;
    display    : flex;
    height     : 1.866667/1.5rem;
    line-height: 1.866667/1.5rem;

    .logo {
        margin-left: 1.08/1.5rem;

        img {
            // width         : 1.36/1.5rem;
            height        : .84rem;
            vertical-align: middle;
        }
    }

    .header-items {
        margin     : 0;
        margin-left: .2rem;

        .header-item {
            float    : left;
            font-size: .426667/1.5rem;

            a {
                padding    : 0 .4/1.5rem;
                border-left: 1px solid #b2b2b2;
                color      : #3c3c3c;
            }

            &:first-child a {
                border: none;
            }
        }
    }

    .header-menu {
        position: absolute;
        top     : .75/1.5rem;
        right   : .28/1.5rem;
        width   : .44/1.5rem;
        height  : .4/1.5rem;
    }

    .menu-content {
        display         : none;
        position        : absolute;
        top             : 100%;
        right           : 0;
        width           : 4.56/1.5rem;
        background-color: rgba(11, 69, 172, .5);
        z-index         : 5;

        .menu-items {
            text-align: center;
            font-size : .48/1.5rem;

            .menu-item {
                height     : 1.2/1.5rem;
                line-height: 1.2/1.5rem;
                border-top : 1px solid #1759ea;

                span {
                    color: #ffffff;
                }
            }
        }
    }
}

.menu-x {
    background     : url(../../images/menu-x.png) no-repeat;
    background-size: .44/1.5rem .4/1.5rem;
}

.menu-y {
    background     : url(../../images/menu-y.png) no-repeat;
    background-size: .44/1.5rem .4/1.5rem;

}